/*ОБЩЕЕ*/
* {
    border-radius: 10;
    font-family: JetBrainsMono, FontAwesome;
    font-size: 12px;
}

/*ЦВЕТА*/
@define-color bg #f5f7fa;
@define-color fg #123354;
@define-color red #d25c61;
@define-color blue #08a3ed;
@define-color green #aaffaa;
@define-color yellow #ffc762;
@define-color orange #ffaf00;
@define-color vilet #cf8ef4;
@define-color gray #e4e8ee;
@define-color gray2 #90a4ae;

/*ВОРКСПЕЙСЫ*/
#workspaces button {
    padding: 0 5px;
    margin: 3 5px;
    background-color: @bg;
    color: @gray2;
    border-radius: 10;
}
#workspaces button:hover {
    background: @gray;
    color: @fg;
    border-radius: 10;
}
#workspaces button.focused {
    background: @bg;
    color: @fg;
    border-radius: 10;
}
#workspaces button.urgent {
    background-color: #eb4d4b;
}

/*МОДУЛИ*/
#custom-menu {
	background-image: url('/home/owl/.config/waybar/logo.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
    padding: 0 10px;
    margin: 5 10;
}

#clock {
    padding: 0 10px;
    margin: 5 0px;
    color: @fg;
    background-color: @gray;
    border-radius: 10 0 0 10;
}

#custom-weather {
    padding: 0 10px;
    margin: 5 0px;
    color: @fg;
    background: @gray;
    border-radius: 0 10 10 0;
}

#custom-cmus {
    padding: 0 10px;
    margin: 5 5px;
    color: @fg;
    background: @gray;
    border-radius: 10;
}

#tray {
    padding: 0 10px;
    margin: 5 5px;
    color: @fg;
    background: @gray;
    border-radius: 10;
}

#language {
    padding: 0 10;
    margin: 5 10;
    color: @bg;
    background-image: linear-gradient(90deg, #08a3ed 10%, #1dbffa 80%);
    border-radius: 10;
}

#pulseaudio {
    padding: 0 10 0 10px;
    margin: 5 0 5 5px;
    color: @fg;
    background: @gray;
    border-radius: 10 0 0 10;
}

#cpu{
    padding: 0 10px;
    margin: 5 0px;
    color: @fg;
    background: @gray;
    border-radius: 0;
}
#memory{
    padding: 0 10 0 5px;
    margin: 5 0px;
    color: @fg;
    background: @gray;
    border-radius: 0 10 10 0;
}

#custom-power {
    color: @fg;
    background-image: linear-gradient(90deg, #08a3ed 10%, #1dbffa 80%);
    padding: 0 10;
    margin: 5 10;
    border-radius: 10;
}
